﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Admin/blank.Master" AutoEventWireup="true" CodeBehind="slick.aspx.cs" Inherits="Template.Web.Admin.slick" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="/scripts/slick/slick.css" rel="stylesheet" />
    <link href="/scripts/slick/slick-theme2.css" rel="stylesheet" />

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <div class="col-xs-12">
        <div class="lh30">
            <h2>
                <img alt="" src="/scripts/slick/example.gif" style="width: 623px; height: 309px;" /><br />
                特性</h2>
            <ul>
                <li>完全响应。 尺度的容器。</li>
                <li>单独设置每个断点</li>
                <li>使用CSS3时可用。 全功能时。</li>
                <li>滑动启用。 如果你喜欢或禁用。</li>
                <li>桌面鼠标拖动</li>
                <li>无限循环。</li>
                <li>充分使用箭头键导航</li>
                <li>添加、删除过滤器&amp; unfilter幻灯片</li>
                <li>自动播放点箭头回调等等……</li>
            </ul>
            <style type="text/css">
                .markdown-body table th .markdown-body table td {
                    padding: 6px 13px;
                    border: 1px solid #ddd;
                }

                .markdown-body table tr:nth-child(2n) {
                    background-color: #f8f8f8;
                }

                %E6%97%A0%E6%A0%87%E9%A2%98_3.htmlmedia="all" .markdown-body table tr {
                    background-color: #fff;
                    border-top: 1px solid #ccc;
                }

                .markdown-body .highlight pre .markdown-body pre {
                    padding: 16px;
                    overflow: auto;
                    font-size: 85%;
                    line-height: 1.45;
                    background-color: #f7f7f7;
                    border-radius: 3px;
                }

                .markdown-body h2 {
                    padding-bottom: 0.3em;
                    font-size: 1.75em;
                    line-height: 1.225;
                    border-bottom: 1px solid #eee;
                }
            </style>
            <div class="boxed-group flush clearfix announce instapaper_body markdown" id="readme">
                <article class="markdown-body entry-content" itemprop="mainContentOfPage">
                    <h2>slick</h2>
                    <p>
                        <em><font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-146" rel="146">你需要的旋转木马 </font></em>
                    </p>
                    <h4>
                        <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-147" rel="147">演示 </font></h4>
                    <p>
                        <a href="http://kenwheeler.github.io/slick/"><font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-148" rel="148">http://kenwheeler.github.io/slick </font></a>
                    </p>
                    <h4>
                        <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-149" rel="149">CDN </font></h4>
                    <p>
                        <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-150" rel="150">CDN快速设置: </font>
                    </p>
                    <p>
                        <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-151" rel="151">在你的 <code>&lt;head&gt;</code> </font><font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-153" rel="153"> 添加: </font>
                    </p>
                    <pre><code>&lt;link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.5.0/slick.css"/&gt;
// Add the slick-theme.css if you want default styling
&lt;link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.5.0/slick-theme.css"/&gt;
</code></pre>
                    <p>
                        <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-154" rel="154">然后在你关闭 </font><code><font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-155" rel="155"> &lt;body&gt; </font></code><font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-156" rel="156"> 添加标签: </font>
                    </p>
                    <pre><code>&lt;script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.5.0/slick.min.js"&gt;&lt;/script&gt;
</code></pre>
                    <h4>
                        <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-157" rel="157">软件包管理器 </font></h4>
                    <pre><code>//Bower
bower install --save slick.js
//NPM
npm install slick-carousel
</code></pre>
                    <h4>
                        <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-158" rel="158">贡献 </font></h4>
                    <p>
                        <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-159" rel="159">请评估做贡献。 减价请求功能前提起拉请求或申请一个问题。 </font>
                    </p>
                    <h3>
                        <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-160" rel="160">数据属性设置 </font></h3>
                    <p>
                        <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-161" rel="161">在光滑的1.5现在可以使用data-slick属性添加设置。 你仍然需要调用$(element).slick()来初始化的元素。 </font>
                    </p>
                    <p>
                        <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-162" rel="162">例子: </font>
                    </p>
                    <pre lang="markup"><code>&lt;div data-slick='{"slidesToShow": 4 "slidesToScroll": 4}'&gt;
  &lt;div&gt;&lt;h3&gt;1&lt;/h3&gt;&lt;/div&gt;
  &lt;div&gt;&lt;h3&gt;2&lt;/h3&gt;&lt;/div&gt;
  &lt;div&gt;&lt;h3&gt;3&lt;/h3&gt;&lt;/div&gt;
  &lt;div&gt;&lt;h3&gt;4&lt;/h3&gt;&lt;/div&gt;
  &lt;div&gt;&lt;h3&gt;5&lt;/h3&gt;&lt;/div&gt;
  &lt;div&gt;&lt;h3&gt;6&lt;/h3&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>
                    <h4>
                        <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-163" rel="163">设置 </font></h4>
                    <table>
                        <thead>
                            <tr>
                                <th>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-164" rel="164">选项 </font></th>
                                <th>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-457" rel="165">类型 </font></th>
                                <th>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-458" rel="166">默认的 </font></th>
                                <th>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-167" rel="167">描述 </font></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>accessibility</td>
                                <td>boolean</td>
                                <td>true</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-171" rel="171">支持移动和箭头键导航 </font></td>
                            </tr>
                            <tr>
                                <td>autoplay</td>
                                <td>boolean</td>
                                <td>false</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-175" rel="175">使自动播放的幻灯片 </font></td>
                            </tr>
                            <tr>
                                <td>autoplaySpeed</td>
                                <td>int</td>
                                <td>3000</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-179" rel="179">自动播放变化区间 </font></td>
                            </tr>
                            <tr>
                                <td>centerMode</td>
                                <td>boolean</td>
                                <td>false</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-183" rel="183">使集中视图与部分上一页/下一页幻灯片。 使用奇数slidesToShow计数。 </font></td>
                            </tr>
                            <tr>
                                <td>centerPadding</td>
                                <td>string</td>
                                <td>'50px'</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-187" rel="187">填充在中心模式。 (px或%) </font></td>
                            </tr>
                            <tr>
                                <td>cssEase</td>
                                <td>string</td>
                                <td>'ease'</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-191" rel="191">CSS3宽松 </font></td>
                            </tr>
                            <tr>
                                <td>customPaging</td>
                                <td>function</td>
                                <td>n/a</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-195" rel="195">自定义分页模板。 看到来源使用的例子。 </font></td>
                            </tr>
                            <tr>
                                <td>dots</td>
                                <td>boolean</td>
                                <td>false</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-199" rel="199">当前的幻灯片指标点 </font></td>
                            </tr>
                            <tr>
                                <td>dotsClass</td>
                                <td>string</td>
                                <td>'slick-dots'</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-203" rel="203">容器类下滑指示器点 </font></td>
                            </tr>
                            <tr>
                                <td>draggable</td>
                                <td>boolean</td>
                                <td>true</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-207" rel="207">使桌面拖拽 </font></td>
                            </tr>
                            <tr>
                                <td>easing</td>
                                <td>string</td>
                                <td>'linear'</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-211" rel="211">动画()回退宽松 </font></td>
                            </tr>
                            <tr>
                                <td>edgeFriction</td>
                                <td>integer</td>
                                <td>0.15</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-215" rel="215">阻力当边缘划动non-infinite旋转木马 </font></td>
                            </tr>
                            <tr>
                                <td>fade</td>
                                <td>boolean</td>
                                <td>false</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-219" rel="219">使褪色 </font></td>
                            </tr>
                            <tr>
                                <td>arrows</td>
                                <td>boolean</td>
                                <td>true</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-223" rel="223">使下一个/上一页的箭 </font></td>
                            </tr>
                            <tr>
                                <td>appendArrows</td>
                                <td>string</td>
                                <td>$(element)</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-227" rel="227">改变导航箭头连接(选择器、htmlString数组元素jQuery对象) </font></td>
                            </tr>
                            <tr>
                                <td>appendDots</td>
                                <td>string</td>
                                <td>$(element)</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-231" rel="231">更改导航点的连接(选择器、htmlString数组元素jQuery对象) </font></td>
                            </tr>
                            <tr>
                                <td>mobileFirst</td>
                                <td>boolean</td>
                                <td>false</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-235" rel="235">响应设置使用移动计算 </font></td>
                            </tr>
                            <tr>
                                <td>prevArrow</td>
                                <td>string (html</td>
                                <td>jQuery selector)</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-239" rel="239">对象(DOM节点 </font></td>
                            </tr>
                            <tr>
                                <td>nextArrow</td>
                                <td>string (html</td>
                                <td>jQuery selector)</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-243" rel="243">对象(DOM节点 </font></td>
                            </tr>
                            <tr>
                                <td>infinite</td>
                                <td>boolean</td>
                                <td>true</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-247" rel="247">无限的循环 </font></td>
                            </tr>
                            <tr>
                                <td>initialSlide</td>
                                <td>integer</td>
                                <td>0</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-251" rel="251">幻灯片开始 </font></td>
                            </tr>
                            <tr>
                                <td>lazyLoad</td>
                                <td>string</td>
                                <td>'ondemand'</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-255" rel="255">接受“ondemand”或“进步”延迟加载技术 </font></td>
                            </tr>
                            <tr>
                                <td>pauseOnHover</td>
                                <td>boolean</td>
                                <td>true</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-259" rel="259">暂停播放在徘徊 </font></td>
                            </tr>
                            <tr>
                                <td>pauseOnDotsHover</td>
                                <td>boolean</td>
                                <td>false</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-263" rel="263">当一个点是徘徊暂停播放 </font></td>
                            </tr>
                            <tr>
                                <td>respondTo</td>
                                <td>string</td>
                                <td>'window'</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-267" rel="267">宽响应对象的响应。 可以“窗口”、“滑块”或“min”(两个)的小。 </font></td>
                            </tr>
                            <tr>
                                <td>responsive</td>
                                <td>object</td>
                                <td>null</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-271" rel="271">对象包含断点和设置对象(请参阅演示)。 允许设置集在给定的屏幕宽度。 设置设置为“unslick”而不是一个对象来禁用浮油在给定的断点。 </font></td>
                            </tr>
                            <tr>
                                <td>rows</td>
                                <td>int</td>
                                <td>1</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-275" rel="275">设置这个超过1初始化网格模式。 使用slidesPerRow设置多少幻灯片应该在每一行。 </font></td>
                            </tr>
                            <tr>
                                <td>slide</td>
                                <td>string</td>
                                <td>''</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-279" rel="279">幻灯片元素查询 </font></td>
                            </tr>
                            <tr>
                                <td>slidesPerRow</td>
                                <td>int</td>
                                <td>1</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-283" rel="283">通过行与网格模式intialized选项这集有多少幻灯片每个网格的行。 dv </font></td>
                            </tr>
                            <tr>
                                <td>slidesToShow</td>
                                <td>int</td>
                                <td>1</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-287" rel="287">#的幻灯片显示一次 </font></td>
                            </tr>
                            <tr>
                                <td>slidesToScroll</td>
                                <td>int</td>
                                <td>1</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-291" rel="291">#的幻灯片滚动 </font></td>
                            </tr>
                            <tr>
                                <td>speed</td>
                                <td>int</td>
                                <td>300</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-295" rel="295">转换速度 </font></td>
                            </tr>
                            <tr>
                                <td>swipe</td>
                                <td>boolean</td>
                                <td>true</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-299" rel="299">支持触摸滑动 </font></td>
                            </tr>
                            <tr>
                                <td>swipeToSlide</td>
                                <td>boolean</td>
                                <td>false</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-303" rel="303">滑动无论slidesToScroll滑动 </font></td>
                            </tr>
                            <tr>
                                <td>touchMove</td>
                                <td>boolean</td>
                                <td>true</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-307" rel="307">使滑动移动与联系 </font></td>
                            </tr>
                            <tr>
                                <td>touchThreshold</td>
                                <td>int</td>
                                <td>5</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-311" rel="311">推进幻灯片用户滑动的长度(1 / touchThreshold)*滑块的宽度。 </font></td>
                            </tr>
                            <tr>
                                <td>useCSS</td>
                                <td>boolean</td>
                                <td>true</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-315" rel="315">启用/禁用CSS转换 </font></td>
                            </tr>
                            <tr>
                                <td>variableWidth</td>
                                <td>boolean</td>
                                <td>false</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-319" rel="319">禁用自动滑动宽度计算 </font></td>
                            </tr>
                            <tr>
                                <td>vertical</td>
                                <td>boolean</td>
                                <td>false</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-323" rel="323">垂直滑动方向 </font></td>
                            </tr>
                            <tr>
                                <td>verticalSwiping</td>
                                <td>boolean</td>
                                <td>false</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-327" rel="327">改变滑动方向垂直 </font></td>
                            </tr>
                            <tr>
                                <td>rtl</td>
                                <td>boolean</td>
                                <td>false</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-331" rel="331">改变滑块的方向从右到左 </font></td>
                            </tr>
                            <tr>
                                <td>waitForAnimate</td>
                                <td>boolean</td>
                                <td>true</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-335" rel="335">忽略请求提前下滑而动画 </font></td>
                            </tr>
                        </tbody>
                    </table>
                    <h3>
                        <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-336" rel="336">事件 </font></h3>
                    <p>
                        <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-337" rel="337">在光滑的1.4中回调方法已经过时取而代之的是事件。 初始化之前使用它们光滑的如下所示: </font>
                    </p>
                    <div class="highlight highlight-javascript">
                        <pre><span class="pl-c">// On swipe event</span>
$(<span class="pl-s"><span class="pl-pds">'</span>.your-element<span class="pl-pds">'</span></span>).on(<span class="pl-s"><span class="pl-pds">'</span>swipe<span class="pl-pds">'</span></span> <span class="pl-k">function</span>(<span class="pl-smi">event</span> <span class="pl-smi">slick</span> <span class="pl-smi">direction</span>){
                <span class="pl-en">console</span><span class="pl-c1">.log</span>(direction);
                <span class="pl-c">// left</span>
});
<span class="pl-c">// On edge hit</span>
$(<span class="pl-s"><span class="pl-pds">'</span>.your-element<span class="pl-pds">'</span></span>).on(<span class="pl-s"><span class="pl-pds">'</span>edge<span class="pl-pds">'</span></span> <span class="pl-k">function</span>(<span class="pl-smi">event</span> <span class="pl-smi">slick</span> <span class="pl-smi">direction</span>){
                <span class="pl-en">console</span><span class="pl-c1">.log</span>(<span class="pl-s"><span class="pl-pds">'</span>edge was hit<span class="pl-pds">'</span></span>)
});
<span class="pl-c">// On before slide change</span>
$(<span class="pl-s"><span class="pl-pds">'</span>.your-element<span class="pl-pds">'</span></span>).on(<span class="pl-s"><span class="pl-pds">'</span>beforeChange<span class="pl-pds">'</span></span> <span class="pl-k">function</span>(<span class="pl-smi">event</span> <span class="pl-smi">slick</span> <span class="pl-smi">currentSlide</span> <span class="pl-smi">nextSlide</span>){
                <span class="pl-en">console</span><span class="pl-c1">.log</span>(nextSlide);
});</pre>
                    </div>
                    <table>
                        <thead>
                            <tr>
                                <th>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-338" rel="338">事件 </font></th>
                                <th>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-339" rel="339">参数个数 </font></th>
                                <th>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-340" rel="340">描述 </font></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>beforeChange</td>
                                <td>event slick currentSlide nextSlide</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-343" rel="343">在幻灯片改变回调 </font></td>
                            </tr>
                            <tr>
                                <td>afterChange</td>
                                <td>event slick currentSlide</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-346" rel="346">幻灯片变化后的回调 </font></td>
                            </tr>
                            <tr>
                                <td>edge</td>
                                <td>event slick direction</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-349" rel="349">滑动时边缘overscrolled non-infinite模式。 </font></td>
                            </tr>
                            <tr>
                                <td>init</td>
                                <td>event slick</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-352" rel="352">在初始化的时第一次回调 </font></td>
                            </tr>
                            <tr>
                                <td>reInit</td>
                                <td>event slick</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-355" rel="355">每一次的(重新)初始化的回调 </font></td>
                            </tr>
                            <tr>
                                <td>setPosition</td>
                                <td>event slick</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-358" rel="358">每一次的重新计算位置 </font></td>
                            </tr>
                            <tr>
                                <td>swipe</td>
                                <td>event slick direction</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-361" rel="361">滑动/拖拽经过触发 </font></td>
                            </tr>
                        </tbody>
                    </table>
                    <h4>
                        <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-362" rel="362">方法 </font></h4>
                    <p>
                        <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-363" rel="363">方法是呼吁通过光滑光滑的实例方法本身在version 1.4中见下图: </font>
                    </p>
                    <div class="highlight highlight-javascript">
                        <pre><span class="pl-c">// Add a slide</span>
$(<span class="pl-s"><span class="pl-pds">'</span>.your-element<span class="pl-pds">'</span></span>).slick(<span class="pl-s"><span class="pl-pds">'</span>slickAdd<span class="pl-pds">'</span></span><span class="pl-s"><span class="pl-pds">"</span>&lt;div&gt;&lt;/div&gt;<span class="pl-pds">"</span></span>);
<span class="pl-c">// Get the current slide</span>
<span class="pl-k">var</span> currentSlide <span class="pl-k">=</span> $(<span class="pl-s"><span class="pl-pds">'</span>.your-element<span class="pl-pds">'</span></span>).slick(<span class="pl-s"><span class="pl-pds">'</span>slickCurrentSlide<span class="pl-pds">'</span></span>);</pre>
                    </div>
                    <p>
                        <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-364" rel="364">这个新语法允许您调用任何内部光滑的方法: </font>
                    </p>
                    <div class="highlight highlight-javascript">
                        <pre><span class="pl-c">// Manually refresh positioning of slick</span>
$(<span class="pl-s"><span class="pl-pds">'</span>.your-element<span class="pl-pds">'</span></span>).slick(<span class="pl-s"><span class="pl-pds">'</span>setPosition<span class="pl-pds">'</span></span>);</pre>
                    </div>
                    <table>
                        <thead>
                            <tr>
                                <th>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-365" rel="365">方法 </font></th>
                                <th>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-366" rel="366">参数 </font></th>
                                <th>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-367" rel="367">描述 </font></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>slick</td>
                                <td>options : object</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-370" rel="370">初始化的 </font></td>
                            </tr>
                            <tr>
                                <td>unslick</td>
                                <td>&nbsp;</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-372" rel="372">不滑动 </font></td>
                            </tr>
                            <tr>
                                <td>slickNext</td>
                                <td>&nbsp;</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-374" rel="374">触发下一个幻灯片 </font></td>
                            </tr>
                            <tr>
                                <td>slickPrev</td>
                                <td>&nbsp;</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-376" rel="376">触发器之前的幻灯片 </font></td>
                            </tr>
                            <tr>
                                <td>slickPause</td>
                                <td>&nbsp;</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-378" rel="378">暂停播放 </font></td>
                            </tr>
                            <tr>
                                <td>slickPlay</td>
                                <td>&nbsp;</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-380" rel="380">开始播放 </font></td>
                            </tr>
                            <tr>
                                <td>slickGoTo</td>
                                <td>index : int dontAnimate : bool</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-383" rel="383">通过索引去滑跳过动画如果第二个参数设置为true </font></td>
                            </tr>
                            <tr>
                                <td>slickCurrentSlide</td>
                                <td>&nbsp;</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-385" rel="385">返回当前幻灯片指数 </font></td>
                            </tr>
                            <tr>
                                <td>slickAdd</td>
                                <td>element : html or DOM object index: int addBefore: bool</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-388" rel="388">添加一个幻灯片。 如果提供了一个索引将添加索引或之前如果addBefore设置。如果没有提供索引添加结束或开始如果addBefore设置。接受HTML字符串 </font></td>
                            </tr>
                            <tr>
                                <td>slickRemove</td>
                                <td>index: int removeBefore: bool</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-391" rel="391">通过索引删除幻灯片。 如果真的removeBefore设置删除幻灯片之前的指数或第一张如果没有指定索引。 如果removeBefore设置为false删除索引后的幻灯片或最后一个幻灯片如果没有索引设置。 </font></td>
                            </tr>
                            <tr>
                                <td>slickFilter</td>
                                <td>filter : selector or function</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-394" rel="394">过滤器使用jQuery的幻灯片。 筛选器语法 </font></td>
                            </tr>
                            <tr>
                                <td>slickUnfilter</td>
                                <td>&nbsp;</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-396" rel="396">删除应用过滤器 </font></td>
                            </tr>
                            <tr>
                                <td>slickGetOption</td>
                                <td>option : string(option name)</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-399" rel="399">得到一个选项值。 </font></td>
                            </tr>
                            <tr>
                                <td>slickSetOption</td>
                                <td>option : string(option name) value : depends on option refresh : boolean</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-402" rel="402">设置一个选项。 设置刷新为真如果它是一个选项更改显示 </font></td>
                            </tr>
                        </tbody>
                    </table>
                    <h4>
                        <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-403" rel="403">例子 </font></h4>
                    <p>
                        <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-404" rel="404">初始化: </font>
                    </p>
                    <div class="highlight highlight-javascript">
                        <pre>$(element).slick({
  dots<span class="pl-k">:</span> <span class="pl-c1">true</span>
  speed<span class="pl-k">:</span> <span class="pl-c1">500</span>
});</pre>
                    </div>
                    <p>
                        <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-405" rel="405">破坏: </font>
                    </p>
                    <div class="highlight highlight-javascript">
                        <pre>$(element).unslick();</pre>
                    </div>
                    <h4>
                        <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-406" rel="406">Sass变量 </font></h4>
                    <table>
                        <thead>
                            <tr>
                                <th>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-407" rel="407">变量 </font></th>
                                <th>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-408" rel="408">类型 </font></th>
                                <th>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-409" rel="409">默认的 </font></th>
                                <th>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-410" rel="410">描述 </font></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>$slick-font-path</td>
                                <td>string</td>
                                <td>"./fonts/"</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-414" rel="414">光滑的图标字体目录路径 </font></td>
                            </tr>
                            <tr>
                                <td>$slick-font-family</td>
                                <td>string</td>
                                <td>"slick"</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-418" rel="418">字体类型为光滑的图标字体 </font></td>
                            </tr>
                            <tr>
                                <td>$slick-loader-path</td>
                                <td>string</td>
                                <td>"./"</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-422" rel="422">目录路径的装载机的形象 </font></td>
                            </tr>
                            <tr>
                                <td>$slick-arrow-color</td>
                                <td>color</td>
                                <td>white</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-426" rel="426">左/右箭头图标的颜色 </font></td>
                            </tr>
                            <tr>
                                <td>$slick-dot-color</td>
                                <td>color</td>
                                <td>black</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-430" rel="430">导航点的颜色 </font></td>
                            </tr>
                            <tr>
                                <td>$slick-dot-color-active</td>
                                <td>color</td>
                                <td>$slick-dot-color</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-434" rel="434">活跃的导航点的颜色 </font></td>
                            </tr>
                            <tr>
                                <td>$slick-prev-character</td>
                                <td>string</td>
                                <td>'\2190'</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-438" rel="438">Unicode字符代码前面的箭头图标 </font></td>
                            </tr>
                            <tr>
                                <td>$slick-next-character</td>
                                <td>string</td>
                                <td>'\2192'</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-442" rel="442">Unicode字符代码下箭头图标 </font></td>
                            </tr>
                            <tr>
                                <td>$slick-dot-character</td>
                                <td>string</td>
                                <td>'\2022'</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-446" rel="446">Unicode字符代码导航点图标 </font></td>
                            </tr>
                            <tr>
                                <td>$slick-dot-size</td>
                                <td>pixels</td>
                                <td>6px</td>
                                <td>
                                    <font class="OUTFOX_JTR_TRANS_NODE" id="OUTFOX_JTR_TRANS_NODE-450" rel="450">导航点的大小 </font></td>
                            </tr>
                        </tbody>
                    </table>
                    <h4>Dependencies</h4>
                    <p>
                        jQuery 1.7
                    </p>
                    <h4>License</h4>
                    <p>
                        Copyright (c) 2014 Ken Wheeler
                    </p>
                    <p>
                        Licensed under the MIT license.
                    </p>
                    <p>
                        Free as in Bacon.
                    </p>
                </article>
            </div>
            <br>
        </div>
    </div>
    <div class="col-xs-12 ">
        <h1>普通栗子</h1>
        <div class="col-xs-6">
            <div class="single-item">
                <div style="width: 560px; height: 200px; background-color: white;">
                    <h3 class="text-center">1</h3>
                </div>
                <div style="width: 560px; height: 200px; background-color: white;">
                    <h3 class="text-center">2</h3>
                </div>
                <div style="width: 560px; height: 200px; background-color: white;">
                    <h3 class="text-center">3</h3>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-12">
        <h1>仿17173</h1>
        <div>
            <%--<div id="example173" class="slick">
                <div>
                    <a href="#">
                        <img src="/scripts/slick/images/1.jpg" alt="114位ShowGirl同台创CJ纪录" /><span>114位ShowGirl同台创CJ纪录</span>
                    </a>
                </div>
                <div>
                    <a href="#">
                        <img src="/scripts/slick/images/2.jpg" alt="专访《射雕ZERO》主策潘松" /><span>专访《射雕ZERO》主策潘松</span>
                    </a>
                </div>
                <div>
                    <a href="#">
                        <img src="/scripts/slick/images/3.jpg" alt="小编私藏的本届CJ的极品妹子照" /><span>小编私藏的本届CJ的极品妹子照</span>
                    </a>
                </div>
                <div>
                    <a href="#">
                        <img src="/scripts/slick/images/4.jpg" alt="雷死人不偿命的囧图CJ特别版" /><span>雷死人不偿命的囧图CJ特别版</span>
                    </a>
                </div>
                <div>
                    <a href="#">
                        <img src="/scripts/slick/images/5.jpg" alt="高端镜头下的喷血ShowGirl" /><span>高端镜头下的喷血ShowGirl</span>
                    </a>
                </div>
                <div>
                    <a href="#">
                        <img src="/scripts/slick/images/6.jpg" alt="本届CJ最全胸器妹子合集" /><span>本届CJ最全胸器妹子合集</span>
                    </a>
                </div>
                <div>
                    <a href="#">
                        <img src="/scripts/slick/images/7.jpg" alt="2014CJ绝对领域福利第二弹" /><span>2014CJ绝对领域福利第二弹</span>
                    </a>
                </div>
                <div>
                    <a href="#">
                        <img src="/scripts/slick/images/8.jpg" alt="白女侠无下限“摸”遍全场" /><span>白女侠无下限“摸”遍全场</span>
                    </a>
                </div>
            </div>--%>
        </div>
    </div>

</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <script type="text/javascript" src="/scripts/slick/slick.min.js"></script>
    <script>
        $(document).ready(function () {
            $('.single-item').slick({
                dots: true
            });
        });
    </script>
    <script>
        $(document).ready(function () {
            $('.slick').slick({
                dots: true,  //显示项目导航
                fade: true,  //淡入淡出
                autoplay: true  //自动播放
            });
        });
    </script>

</asp:Content>
